@import './reset.scss';
@import './header.scss';
@import './footer.scss';
body{
	
		background-image: url('http://24782132.s21i.faiusr.com/2/ABUIABACGAAg-6zq_AUo4OeXnAYwgEA41So.jpg');
		background-repeat:no-repeat;   
		background-attachment:fixed	;
		background-size:100% 100%;
}
.shoppingcon{
	width: 100%;
	&-main{
		width: 1175px;
		margin: 0 auto;
		&-shoppingtitle{
			color: white;
		}
		// 表格标题
		&-listtitle{
			width: 100%;
			height: 42px;
			background-color: #f8f8f8;
			border: 1px solid #aaaaab;
			ul{
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				li{
					width: 110px;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					&:nth-child(1){
						flex: 1;
					}
				}
				
			}
		}
		&-shoplist{
			// height: 103px;
			color: white;
			ul{
				width: 100%;
				height: 103px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				border-bottom: 1px solid #6b6b6b;
				li{
					width: 110px;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					&:nth-child(1){
						flex: 1;
						justify-content:left;
					}
					span{
						width: 60px;
						height: 60px;
						border: 1px solid #6b6b6b;
						margin-right: 30px;
						img{
							width: 100%;
							height: 100%;
						}
					}
					input{
						margin-top: 0;
						margin: 0 20px;
						text-align: center;
						line-height: 60px;
						
					}
					p{
						margin-bottom: 0!important;
					}
					.amount{
						width: 55px!important;
						height: 40px!important;
						border: none;
						border: 1px solid #6b6b6b;
						outline: none;
						color: #6b6b6b;
						text-align: center;
						line-height: 40px;
					}
					.amountbtn{
						direction: flex;
						flex-direction: column;
						
						button{
							width: 15px;
							height: 15px;
							color: black;
							line-height: 15px;
							text-align: center;
							border: none;
							outline: none;
							background-color: white;
						}
					}
					.delbtn{
						background-color: rgba(0,0,0,0);
						border: none;
						outline: none;
					}
					i{
						font-size: 20px;
						color: white;
					}
				}
				
			}
		}
		// 结算
		&-closeamount{	
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			color: white;
			line-height:30px;
			&-selectleft{
				margin-left: 20px;
				height: 100px;
				display: flex;
				align-items: center;
				p{
					margin-bottom: 0!important;
					margin-left: 20px;
				}
				input{
					margin-top: 0!important;
				}
			}
			&-selectright{
				ul{
					width: 100%;
					height: 100%;
					li{
						display: flex;
						flex-direction: row;
						b{
							font-weight: normal;
							margin-left: 20px;
						}
						i{
							// margin-left: 20px;
							font-size: 25px;
							color: white;
							b{
								font-size: 17px;
							}
						}
						&:nth-last-child(1){
							a{
								color: white;
								line-height: 40px;
								text-align: center;
								margin-right: 20px;
							}
							span{
								width: 180px;
								height: 40px;
								background-color: #ff6537;
								line-height: 40px;
								text-align: center;
							}
						}
						&:nth-last-child(2){
							line-height: 60px;
							text-align: center;
							// background-color: orange;
							b{
								margin-left:40px;
							}
						}
						&:nth-last-child(3){
							b{
								margin-left:35px;
							}
						}
					}
				}
			}
		}
	}
		
		
}
#cartlist{
	// display: none;
}
#uncartlist{
	width: 100%;
	height:600px;
	overflow: hidden;
	display: none;
	.uncarmain{
		width: 300px;
		height: 300px;
		margin:70px auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		i{
			font-size:100px;
			color: white;
		}
		p{
			font-size: 15px;
			color:  #CCCCCC;
		}
		a{
			color: white;
			text-decoration: none;
		}
	}
}

